<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
    <link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
	<link href="../../assets/lib/layui/lay/modules/ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
	<link href="../../assets/lib/layui/lay/modules/contextMenu/jquery.contextMenu.min.css" rel="stylesheet" />
</head>
<body>
	<div class="layui-col-xs12">
		<div class="layui-col-xs2" style="min-height: 100px;">
			<div id="groupList" class="layui-col-xs12">
				<ul id="treeDemo" class="ztree fsTree" method="get" isRoot="1"
					treeIdKey="id" inputs="pId" treePIdKey="pId" clickCallbackInputs="pId:$id" treeName="title"></ul>
			</div>
		</div>
	    <div class="layui-col-xs10">
	    	<div id="toolBar" class="lct-toolBar layui-col-xs12">
				<ul>
					<li id="flowName" style="width: auto; line-height: 33px;">流程图</li>
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="addCustom1"><i class="iconfont icon-tuoyuan"></i></button>
					</li>
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="addCustom2"><i class="iconfont icon-changfangxing"></i></button>
					</li>
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="addCustom3"><i class="iconfont icon-lingxing-B"></i></button>
					</li>
					<li class="s-line">|</li>
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="addLine"><i class="iconfont icon-line"></i></button>
					</li>
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="addArrowLine"><i class="iconfont icon-one-line-arrow"></i></button>
					</li>
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="addSmooth"><i class="iconfont icon-quxian"></i></button>
					</li>
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="addArrowSmooth"><i class="iconfont icon-quxianjiantou"></i></button>
					</li>
					<!-- <li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="addLineFlow"><i class="iconfont icon-zhexian"></i></button>
					</li> -->
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="addPolyLineFlow"><i class="iconfont icon-zhexianjiantou-copy"></i></button>
					</li>
					<li class="s-line">|</li>
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="drag"><i class="fa fa-arrows"></i></button>
					</li>
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="edit"><i class="fa fa-edit"></i></button>
					</li>
					<li class="s-line">|</li>
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="reLayout"><i class="fa fa-list-ol"></i></button>
					</li>
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="delete"><i class="fa fa-trash-o"></i></button>
					</li>
					<li>
						<button class="layui-btn layui-btn-primary layui-btn-sm" id="consoleJSON"><i class="fa fa-save"></i></button>
					</li>
				</ul>
			</div>
			
	        <div class="layui-col-xs12">
		    	<div class="layui-col-xs12 coverModel" id="mountNode">
		        </div>
	        </div>
	        <div id="zzc" class="zzc layui-col-xs12">
	        	
	        </div>
	    </div>
	</div>

	<ul class="layui-dropdown-menu" id="treeRight">

	</ul>

	<script type="text/x-handlebars-template" id="treeRightTemplate">
		<li class="is-file treeAddFolder">
			<a href="javascript:;">
				<img alt="" src="../../assets/images/icon/fx-icon.png" />
				<span>新增目录</span>
			</a>
		</li>
		<li class="is-file treeAddFlower">
			<a href="javascript:;">
				<img alt="" src="../../assets/images/download-icon.png" />
				<span>新增流程图</span>
			</a>
		</li>
		<li class="is-file treeEdit">
			<a href="javascript:;">
				<img alt="" src="../../assets/images/download-icon.png" />
				<span>编辑</span>
			</a>
		</li>
		<li class="is-file treeDeleteFolderAndChild">
			<a href="javascript:;">
				<img alt="" src="../../assets/images/icon/delete-icon.png" />
				<span>删除</span>
			</a>
		</li>
	</script>

    <script src="../../assets/lib/layui/layui.js"></script>
    <script src="../../assets/lib/layui/custom.js"></script>
	<script type="text/javascript" src="../../assets/lib/layui/lay/modules/jquery-min.js"></script>
	<script type="text/javascript" src="../../assets/lib/layui/lay/modules/contextMenu/jquery.contextMenu.min.js"></script>
	<script type="text/javascript" src="../../assets/lib/layui/lay/modules/ztree/js/jquery.ztree.all.min.js"></script>
    <script type="text/javascript">
        layui.config({base: '../../js/flowChart/'}).use('makeFlowChart');
    </script>
</body>
</html>